.ThemeTypeList001 {
	width: 480px;
	height: 270px;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	user-select: none;

	& > img {
		position: absolute;
		z-index: -1;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
	}
	& > .theme {
		position: absolute;
		z-index: -1;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: var(--theme);
	}

	& > .Theme {
		width: 100%;
		height: 100%;
		background: rgba(247, 247, 247, 0.5);
		backdrop-filter: blur(10px);
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;

		& > .head {
			width: 100%;
			height: 32px;
			line-height: 32px;
			padding: 0 8px;
			border-bottom: 1px solid rgba(5, 5, 5, 0.06);
			font-size: 20px;
			font-family: YouSheBiaoTiHei;
			font-weight: 400;
			color: #ffffff;
			text-shadow: -1px -1px 1px #111, 2px 2px 1px #262626;
		}

		& > .Box {
			width: 100%;
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 8px;

			& > .menu {
				width: 48px;
				margin-right: 4px;
				height: 100%;
			}

			& > .body {
				flex: 1;
				height: 100%;
				background: white;
				border-radius: 4px;
				display: flex;
				align-items: center;
				justify-content: center;
			}
		}
	}
}
